.service {
  background-color: white;
  /*一些公用样式*/
  .colContent {
    width: 70%;
    margin: 0 auto;
    h3 {
      font-size: 18px;
      border: 1px solid #b67233;
      display: inline-block;
      border-radius: 20px;
      line-height: 30px;
      padding: 0 10px;
      margin-bottom: 12px;
      margin-top: 54px;
    }
    p {
      font-size: 14px;
      position: relative;

    }

  }
  .widthColContent {
    width: 95% !important;
    //text-align: center;
    h3 {
      margin-top:30px;
      margin-left:13px !important;;
      margin-bottom:12px;
    }
    .widthColContentP {
      text-align: left;
      margin-left: 0!important;
    }
  }
  .bg {
    background: #f8f8f8;
    padding-bottom: 80px;
  }
  .serviceContent {
    max-width: 980px;
    margin: 0px auto;
    padding-top: 80px;
    h2 {
      margin: 0 auto 30px;
      text-align: center;
      font-size: 30px;
      width: 60%;
      &:after {
        content: '';
        display: block;
        margin: 30px auto 0;
        width: 30%;
        border: 1px solid #b67233;
      }
    }
    .txtTitle {
      text-indent: 32px;
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 28px;
    }
  }
  .service-banner {
    width: 100%;
    img {
      width: 100%;
    }
  }

  /*妈妈服务*/
  .motherService {
    .bigImg {
      width: 100%;
      height: 480px;
    }

    .topRow {
      background-color: #efcf8f;
      .ant-col-8 {
        height: 320px;
        &:nth-child(1) {
          background-color: #f2e1cb;
        }
        &:nth-child(2) {
          background-color: #dcdcdc;
        }
        &:nth-child(3) {
          background-color: #efcf8f;
        }
      }

    }
    .footRow {
      height: 460px;
      .ant-col-8 {
        height: 460px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .ant-col-16 {
        padding-top: 10px;
        padding-right: 10px;
        height: 100%;
        .colContentBox {
          background-color: #ffffff;
          border-radius: 5px;
          -webkit-box-shadow: 0 0 2px 2px hsla(0, 0%, 77%, .5);
          box-shadow: 0 0 2px 2px hsla(0, 0%, 77%, .5);
          height: 100%;
          .colContent {
            h3 {
              margin-top: 60px !important;
            }
          }

        }
      }
    }
  }

  /*产前服务*/
  .prenatalService {
    padding-bottom: 80px;
    .ant-row {
      height: 400px;
      position: relative;
      .ant-col-6 {
        height: 100%;
        &:nth-child(1) {
          background-color: #efcf8f;
          h3{
            margin-left: 30px;
          }
          p{
            margin-left: 30px;
          }
        }
        &:nth-child(2) {
          background-color: #a0a0a0;
          opacity: 0.9;
          z-index: 1000000;
          h3{
            margin-left: 20px;
          }
          p{
            margin-left: 20px;
          }
        }
      }
      img {
        position: absolute;
        right: 0;
        width: 75%;
        height: 100%;
      }

    }
  }

  /*宝宝服务*/
  .babyService {
    padding-bottom: 80px;
    .ant-row {
      height: 610px;
      .ant-col-11 {
        height: 610px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .ant-col-13 {
        .colContentBg {
          .colContent {
            h3 {
              margin-top: 20px !important;
            }
          }
          &:nth-child(1) {
            height: 140px;
            background-color: #c9c9c9;
          }
          &:nth-child(2) {
            height: 330px;
            background-color: #f8f8f8;
          }
          &:nth-child(3) {
            height: 140px;
            background-color: #efcf8f;
          }

        }

      }
    }
  }

  /*膳食服务*/
  .monthOfMeals {
    padding-bottom: 80px;
    .ant-row {
      .ant-col-12 {
        height: 420px;
        &:nth-child(1) {
          background-color: #f2e1cb;
        }
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
    .footImg {
      padding: 0 2px;
      height: 180px;
      width: 100%;
      background-color: #fff;
      img {
        -webkit-box-shadow: 0 0 2px 2px rgba(196, 196, 196, 0.5);
        box-shadow: 0 0 2px 2px rgba(196, 196, 196, 0.5);
        width: 100%;
        height: 100%;
      }
    }
  }

  /*门诊服务*/
  .outpatientServices {
    padding-bottom: 80px;
    .ant-row {
      .ant-col-12 {
        height: 410px;
        img {
          width: 100%;
          height: 100%;
        }
        &:nth-child(2) {
          padding: 2px;
          .titleShadow {
            -webkit-box-shadow: 0 0 2px 2px rgba(196, 196, 196, 0.5);
            box-shadow: 0 0 2px 2px rgba(196, 196, 196, 0.5);
            padding: 0 15%;
            height: 100%;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topright: 5px;
            h2 {
              padding-top: 50px;
              width: 100% !important;
              &:after {
                width: 50% !important;
                margin: 20px auto 0 !important;
              }
            }
          }
        }
      }

    }
  }

  /*星级团队*/
  .environment {
    padding-bottom: 80px;
    .ant-row {
      height: 410px;
      .ant-col-16 {
        background-color: #fff;
        height: 100%;
        padding: 0 8%;
        h2 {
          width: 100% !important;
          padding-top: 50px;
          &:after {
            width: 50% !important;
          }
        }

      }
      .ant-col-8 {
        height: 100%;
        img {
          height: 100%;
          width: 100%;
        }
      }
    }
  }
}

/*  background:#fff;*/
/*  width:100%;*/
/*  height:100%;*/
/*  margin:0 auto;*/
/*  .service-banner{*/
/*    height:460px;*/
/*    width:100%;*/
/*    position: relative;*/
/*  }*/
/*  h3{*/
/*    width:122px;*/
/*    margin: 76px 0 0 84px;*/
/*    font-size:22px;*/
/*    height:42px;*/
/*    line-height: 36px;*/
/*    text-align: center;*/
/*    border:3px solid #b67233;*/
/*    border-radius: 36px;*/
/*  }*/
/*  ul{*/
/*    width:100%;*/
/*    float:left;*/
/*    margin-top: 8px;*/
/*    li{*/
/*      width: 200px;*/
/*      margin-left: 88px;*/
/*      line-height:30px;*/
/*      font-size:16px;*/
/*      list-style: disc;*/
/*      list-style-position: inside;*/
/*      padding-left:-10px;*/
/*    }*/
/*  }*/
/*  .service-content{*/
/*    height:100%;*/
/*    max-width: 980px;*/
/*    margin: 80px auto ;*/
/*    h2{*/
/*      height:84px;*/
/*      width:100%;*/
/*      float:left;*/
/*      margin-top:100px;*/
/*      em{*/
/*        display: block;*/
/*        height:42px;*/
/*        width:100%;*/
/*        font-size:36px;*/
/*        text-align:center;*/
/*        line-height:42px;*/
/*      }*/
/*      span{*/
/*        display: block;*/
/*        height:4px;*/
/*        width:250px;*/
/*        margin: 38px auto 0 auto;*/
/*        background:#b67233;*/
/*      }*/
/*    }*/
/*    p{*/
/*      height:18px;*/
/*      width:100%;*/
/*      float:left;*/
/*      margin-top:34px;*/
/*      text-align:center;*/
/*      line-height:18px;*/
/*      font-size: 18px;*/
/*    }*/
/*    .serviceCon-box{*/
/*      width:100%;*/
/*      float:left;*/
/*      margin-top: 70px;*/
/*      .serviceBox-left{*/
/*        float:left;*/
/*        height:100%;*/
/*      }*/
/*      .serviceBox-right{*/
/*        float:left;*/
/*        height:100%;*/
/*      }*/
/*    }*/
/*  }*/
/*  .service-antenatal{*/
/*    height: 1016px;*/
/*    .service-prenatal{*/
/*      height:518px;*/
/*      width:1280px;*/
/*      float:left;*/
/*      margin-top:52px;*/
/*      .pregnancy-course{*/
/*          height:100%;*/
/*          width:340px;*/
/*          float:left;*/
/*          background:#f0ce8f;*/
/**/
/*      }*/
/*    }*/
/*  }*/
/**/
/**/
/**/
/*//妈妈服务*/
/*  .mother-service{*/
/*    //height:1994px;*/
/*    .motherSer-content{*/
/*      float:left;*/
/*      height:1645px;*/
/*      margin-top: 50px;*/
/*      .motherImg1{*/
/*        height:631px;*/
/*        width:100%;*/
/*        float:left;*/
/*      }*/
/*      .service-project{*/
/*        width:100%;*/
/*        height:1014px;*/
/*        .escort{*/
/*          float:left;*/
/*          height:416px;*/
/*          background:#f0ce8f;*/
/*          p{*/
/*            width:250px;*/
/*            height:280px;*/
/*            float:left;*/
/*            margin:10px 0 0 86px;*/
/*            font-size: 18px;*/
/*            line-height:30px;*/
/*            text-align: left;*/
/*          }*/
/*        }*/
/*        .occupancy-date{*/
/*          background:#dcdcdc;*/
/*          h3{*/
/*            margin-left: 52px;*/
/*            margin-bottom: 10px;*/
/*          }*/
/*          li{*/
/*            width:286px;*/
/*            margin-left:52px;*/
/*          }*/
/*        }*/
/*        .leave{*/
/*          background:#fff;*/
/*          li{*/
/*            width:220px;*/
/*          }*/
/*        }*/
/*        .culture-data{*/
/*          float:left;*/
/*          height:581px;*/
/*          width:818px;*/
/*          background:#fff;*/
/*          margin-top: 16px;*/
/*          border-radius:5px;*/
/*          box-shadow: 0 0 2px 2px rgba(197,197,197,0.5);*/
/*          li{*/
/*            width:646px;*/
/*          }*/
/*        }*/
/*        .serviceImg2{*/
/*          float:right;*/
/*          padding: 0;*/
/*          height: 597px;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .baby-service{*/
/*    height:1312px;*/
/*    .serviceCon-box{*/
/*      height:780px;*/
/*      .serviceBox-left{*/
/*        width:600px;*/
/*      }*/
/*      .serviceBox-right{*/
/*        width:680px;*/
/*        .babyCon{*/
/*          width: 100%;*/
/*          float:left;*/
/*          h3{*/
/*            margin-top:30px;*/
/*          }*/
/*          li{*/
/*            width:510px;*/
/*          }*/
/*        }*/
/*        .babyOccupancy-date{*/
/*          background:#c9c9c9;*/
/*          height:192px;*/
/*          h3{*/
/*            margin-top:40px;*/
/*          }*/
/*        }*/
/*        .baby-culture{*/
/*          height:418px;*/
/*          li{*/
/*            span{*/
/*              display: inline-block;*/
/*            }*/
/*            .babyRight{*/
/*              float:right;*/
/*              width:200px;*/
/*            }*/
/*          }*/
/*        }*/
/*        .baby-leave{*/
/*          height:172px;*/
/*          background: #efce8f;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .month-meals{*/
/*    height:1267px;*/
/*    p{*/
/*      text-align: left;*/
/*      line-height: 30px;*/
/*      text-indent: 2em;*/
/*      height:90px;*/
/*    }*/
/*    .meals-feature{*/
/*      height:554px;*/
/*      float:left;*/
/*      margin-top:54px;*/
/*      .serviceBox-left{*/
/*        width:670px;*/
/*        height:100%;*/
/*        background: #f2e0cb;*/
/*        li{*/
/*          width:450px;*/
/*        }*/
/*      }*/
/*      .serviceBox-right{*/
/*        width:610px;*/
/**/
/*      }*/
/*    }*/
/*    .meals-effect{*/
/*      float:left;*/
/*      width:1280px;*/
/*      height:240px;*/
/*      background:#fff;*/
/*      border-bottom-left-radius: 5px;*/
/*      border-bottom-right-radius: 5px;*/
/*      box-shadow:0 0 2px 0 rgba(197,197,197,1);*/
/*      dl{*/
/*        height:100%;*/
/*        float:left;*/
/*        dt{*/
/*          height:55px;*/
/*          width:55px;*/
/*          display: block;*/
/*          border-radius: 50%;*/
/*          background:#efce8f;*/
/*          margin:40px auto 2px auto;*/
/*          font-size: 28px;*/
/*          text-align: center;*/
/*          line-height:55px;*/
/*        }*/
/*        dd{*/
/*          height: 32px;*/
/*          width:100%;*/
/*          float:left;*/
/*          text-align:center;*/
/*          line-height:32px;*/
/*          font-size: 18px;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .outpatient-services{*/
/*    height:936px;*/
/*    .outpatient-left{*/
/*      float:left;*/
/*      margin-top:200px;*/
/*      height:537px;*/
/*      width: 612px;*/
/*    }*/
/*    .outpatient-right{*/
/*      float:left;*/
/*      margin-top: 200px;*/
/*      width: 668px;*/
/*      height:537px;*/
/*      border-top-right-radius:5px;*/
/*      border-bottom-right-radius: 5px;*/
/*      box-shadow: 0 2px 2px 0 rgba(197,197,197,0.5);*/
/*      h2{*/
/*        width:350px;*/
/*        height: 134px;*/
/*        margin-left:160px;*/
/*        em{*/
/*          height:116px;*/
/*          line-height:58px;*/
/*        }*/
/*        span{*/
/*          margin-top:10px;*/
/*        }*/
/*      }*/
/*      p{*/
/*        width:448px;*/
/*        float:left;*/
/*        height:120px;*/
/*        line-height:30px;*/
/*      }*/
/*    }*/
/*  }*/
/*  .environment-service{*/
/*    height:736px;*/
/*  }*/

